.SK-store-index-container .store-header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .store-header .left {
    float: left;
    width: 900px;
}

.SK-store-index-container .store-header .left .SK-slider-container {
    height: 350px;
}

.SK-store-index-container .store-header .left .SK-slider-container .SK-slider-block {
    height: 350px;
}

.SK-store-index-container .store-header .left .SK-slider-container .SK-slider-block .SK-image-list .SK-slider-item {
    height: 350px;
    border-radius: 3px;
}

.SK-store-index-container .store-header .left .SK-slider-container .SK-slider-block .store-link {
    display: block;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
}

.SK-store-index-container .store-header .left .SK-slider-container .SK-page {
    bottom: 10px;
    right: 18px;
    width: auto;
}

.SK-store-index-container .store-header .left .SK-slider-container .SK-page i {
    display: inline-block;
    cursor: pointer;
    width: 10px;
    height: 8px;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.SK-store-index-container .store-header .left .SK-slider-container .SK-page i:before {
    content: "";
}

.SK-store-index-container .store-header .left .SK-slider-container .SK-page .active {
    width: 14px;
    background: #fff;
}

.SK-store-index-container .store-header .left .SK-slider-container .button {
    width: 40px;
    height: 62px;
    transform: translate(0, -65%);
    background: rgba(32, 37, 57, 0.6);
    border-radius: 4px 4px 4px 4px;
    box-sizing: border-box;
}

.SK-store-index-container .store-header .left .SK-slider-container .button i {
    padding: 0;
    font-size: 60px;
    color: #ffffff;
}

.SK-store-index-container .store-header .left .SK-slider-container .button i:hover {
    color: #508bf3;
}

.SK-store-index-container .store-header .left .SK-slider-container .prev-button {
    left: 10px;
    padding-left: 8px;
}

.SK-store-index-container .store-header .left .SK-slider-container .next-button {
    right: 10px;
    padding-left: 12px;
}

.SK-store-index-container .store-header .left .SK-slider-container:hover .button {
    display: block;
}

.SK-store-index-container .store-header .left .bottom-banner {
    margin-top: 20px;
}

.SK-store-index-container .store-header .left .bottom-banner:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .store-header .left .bottom-banner .banner-wrap {
    float: left;
    width: 210px;
    height: 124px;
    margin-left: 20px;
    position: relative;
    cursor: pointer;
}

.SK-store-index-container .store-header .left .bottom-banner .banner-wrap:first-child {
    margin-left: 0;
}

.SK-store-index-container .store-header .left .bottom-banner .banner-wrap:hover .banner-txt,
.SK-store-index-container .store-header .left .bottom-banner .banner-wrap:hover .banner-shadow {
    display: block;
}

.SK-store-index-container .store-header .left .bottom-banner .banner-wrap img {
    border-radius: 3px;
    width: 100%;
    height: 100%;
}

.SK-store-index-container .store-header .left .bottom-banner .banner-wrap .banner-txt {
    display: none;
    width: 210px;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #fff;
    max-height: 78px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 20px;
}

.SK-store-index-container .store-header .left .bottom-banner .banner-wrap .banner-shadow {
    display: none;
    position: absolute;
    width: 210px;
    height: 124px;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 3px;
}

.SK-store-index-container .store-header .right {
    float: right;
    width: 280px;
}

.SK-store-index-container .store-header .right .not-login {
    display: flex;
    box-orient: vertical;
    flex-direction: column;
    -moz-flex-direction: column;
    align-items: center;
    height: 350px;
    background-color: #282931;
}

.SK-store-index-container .store-header .right .not-login .default-avator {
    margin-top: 5rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: url("~@/assets/images/default.jpeg") no-repeat;
    background-size: 5rem 5rem;
}

.SK-store-index-container .store-header .right .not-login .hint_4_not_login {
    margin: 1.25rem 0 1.5rem 0;
    font-size: 0.88rem;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 1.25rem;
    color: #ffffff;
}

.SK-store-index-container .store-header .right .not-login .buttons-4not-login {
    display: flex;
    box-orient: horizontal;
    flex-direction: row;
    -moz-flex-direction: row;
    justify-content: center;
}

.SK-store-index-container .store-header .right .not-login .buttons-4not-login .click_to_login,
.SK-store-index-container .store-header .right .not-login .buttons-4not-login .click_to_regist {
    cursor: pointer;
    width: 5.38rem;
    height: 2rem;
    opacity: 1;
    border-radius: 1rem;
    font-size: 0.88rem;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 2rem;
    text-align: center;
}

.SK-store-index-container .store-header .right .not-login .buttons-4not-login .click_to_login {
    color: rgba(255, 255, 255, 0.5);
    background: linear-gradient(180deg, #83d274 0%, #7eb871 100%);
    margin-right: 1.25rem;
}

.SK-store-index-container .store-header .right .not-login .buttons-4not-login .click_to_regist {
    border: 1px solid #83d274;
    color: #83d274;
}

.SK-store-index-container .store-header .right .home-ad {
    height: 284px;
}

.SK-store-index-container .store-header .right .home-ad .SK-slider-container {
    width: 280px;
    height: 284px;
}

.SK-store-index-container .store-header .right .home-ad .SK-slider-container .SK-image-list .SK-slider-item {
    height: 284px;
}

.SK-store-index-container .store-header .right .home-ad .SK-slider-container .store-link {
    display: block;
    height: 284px;
    background-repeat: no-repeat;
    background-position: center;
}

.SK-store-index-container .store-header .right .home-ad .SK-page {
    top: 10px;
    right: 18px;
    width: auto;
    height: 20px;
}

.SK-store-index-container .store-header .right .home-ad .SK-page i {
    display: inline-block;
    cursor: pointer;
    width: 10px;
    height: 8px;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.SK-store-index-container .store-header .right .home-ad .SK-page i:before {
    content: "";
}

.SK-store-index-container .store-header .right .home-ad .SK-page .active {
    width: 14px;
    background: #fff;
}

.SK-store-index-container .store-header .right .home-ad .button {
    width: 40px;
    height: 62px;
    transform: translate(0, -65%);
    background: rgba(32, 37, 57, 0.6);
    border-radius: 4px 4px 4px 4px;
    box-sizing: border-box;
}

.SK-store-index-container .store-header .right .home-ad .button i {
    padding: 0;
    font-size: 60px;
    color: #ffffff;
}

.SK-store-index-container .store-header .right .home-ad .button i:hover {
    color: #508bf3;
}

.SK-store-index-container .store-header .right .home-ad .prev-button {
    left: 10px;
    padding-left: 8px;
}

.SK-store-index-container .store-header .right .home-ad .next-button {
    right: 10px;
    padding-left: 12px;
}

.SK-store-index-container .store-header .right .home-ad:hover .button {
    display: block;
}

.SK-store-index-container .SK-store-index-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 25px;
    cursor: auto;
    position: relative;
}

.SK-store-index-container .SK-store-index-content .SK-marquee-container {
    margin: 20px 0 0;
}

.SK-store-index-container .SK-store-index-content .SK-marquee-container .notice-item {
    margin-right: 80px;
    color: white;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-ads {
    max-height: 280px;
    margin-top: 20px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-ads .SK-ad-block {
    display: inline-block;
    width: 590px;
    height: 280px;
    border-radius: 5px 5px 5px 5px;
    background: #282931;
    overflow: hidden;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-ads .SK-ad-block .post-wrapper {
    height: 220px;
    width: 590px;
    overflow: hidden;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-ads .SK-ad-block .post-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-ads .SK-ad-block .post-title p {
    display: inline-block;
    max-width: 590px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-ads .SK-ad-block+.SK-ad-block {
    margin-left: 20px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box {
    position: relative;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .title {
    color: white;
    font-size: 18px;
    margin: 45px 0 20px 0;
    display: flex;
    justify-content: space-between;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .title .change {
    font-size: 12px;
    position: relative;
    top: -2px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    outline: none;
    background-color: transparent;
    border-color: transparent;
    border: 0;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .title .change:hover {
    color: #b9c0ef;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .title .loop {
    background: url(https://static.sonkwo.com/frontend/assets/5a4e190d817717e574fd74dcea022505.png) no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .more {
    margin-top: 4px;
    float: right;
    color: rgba(255, 255, 255, 0.7);
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .more .fa {
    margin: 5px 0 0 10px;
    color: #282931;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .more:hover {
    color: #fff;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list {
    margin-bottom: 20px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list .list-clear {
    clear: both;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list-3 .game-block-container:nth-child(3) {
    margin-right: 0;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list-3 .game-block-container {
    width: 386px;
    height: 278px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list-3 .game-block-container img {
    width: 386px;
    height: 228px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list-4 .game-block-container:nth-child(4) {
    margin-right: 0;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list-4 .game-block-container {
    width: 285px;
    height: 218px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list-4 .game-block-container img {
    width: 285px;
    height: 168px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list-5 .game-block-container:nth-child(5) {
    margin-right: 0;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list-5 .game-block-container {
    width: 224px;
    height: 182px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-plate-box .SK-store-index-plate-content .sku-list-5 .game-block-container img {
    width: 224px;
    height: 132px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons {
    position: relative;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box {
    float: left;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .more {
    margin-top: 34px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons {
    position: relative;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block {
    color: #fff;
    float: left;
    padding: 10px;
    background: #282931;
    box-sizing: border-box;
    height: 180px;
    border-radius: 5px 5px 5px 5px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block .price {
    color: rgba(255, 255, 255, 0.7);
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block .price .symbol {
    font-size: 20px;
    float: left;
    margin-top: 3px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block .price .price {
    height: 61px;
    font-size: 48px;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    line-height: 61px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block .price .condition {
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.5);
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block .price .percentage {
    display: inline-block;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block .price .percentage .percent {
    font-size: 18px;
    position: relative;
    top: -6px;
    line-height: 18px;
    display: block;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block .price .percentage .off {
    border-radius: 5px;
    padding: 0px 4px;
    background-color: rgba(255, 255, 255, 0.7);
    color: #33394d;
    font-size: 12px;
    display: block;
    line-height: 18px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block .name {
    color: rgba(255, 255, 255, 0.7);
    height: 40px;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon-block .date {
    color: rgba(255, 255, 255, 0.3);
    padding: 15px 0;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon_block_2,
.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon_block_3 {
    background: url(https://static.sonkwo.com/frontend/assets/fc33e0f9d8204a2848101181e5f30c10.png);
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons .coupon_block_4 {
    background: url(https://static.sonkwo.com/frontend/assets/4b13cdd5b0aede205262b5cac0d0c4f2.png);
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-coupons:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .total-1 {
    display: flex;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .total-1 .coupon-block {
    width: 386px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .total-2 {
    display: flex;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .total-2 .coupon-block {
    width: 386px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .total-3 .coupon-block:nth-child(1),
.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .total-3 .coupon-block:nth-child(2) {
    width: 183px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .total-3 .coupon-block:nth-child(3) {
    width: 386px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .total-4 .coupon-block {
    width: 183px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .hk-total-1 {
    display: flex;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .hk-total-1 .coupon-block {
    width: 790px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .hk-total-2 {
    display: flex;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .hk-total-2 .coupon-block {
    width: 386px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .hk-total-3 .coupon-block {
    width: 386px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .hk-total-4 .coupon-block {
    width: 285px;
    height: 150px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .hk-total-4 .coupon-block .name {
    width: 100%;
    height: auto;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .coupon-block+.coupon-block {
    margin-left: 20px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .coupon-placeholder {
    background-color: #282931;
    width: 386px;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    border-radius: 5px 5px 5px 5px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .coupon-placeholder .title {
    height: 45px;
    font-size: 35px;
    font-family: Microsoft YaHei UI;
    color: rgba(255, 255, 255, 0.7);
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .coupon-placeholder .button {
    background-color: rgba(255, 255, 255, 0.1);
    margin: 8px 133px auto auto;
    width: 118px;
    height: 32px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 16px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .coupon-placeholder .button .text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-headlines .headline-block {
    position: relative;
    height: 180px;
    width: 386px;
    display: inline-block;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-headlines .headline-block img {
    height: 180px;
    width: 386px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-headlines .headline-block .layer {
    position: absolute;
    height: 180px;
    width: 386px;
    box-sizing: border-box;
    padding: 10px;
    top: 0;
    left: 0;
    background: linear-gradient( 180deg, rgba(40, 41, 49, 0) 0%, rgba(40, 41, 49, 0.9) 100%);
    background-position: 1px 0 0 0 0;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-headlines .headline-block .layer p {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-headlines .headline-block+.headline-block {
    margin-left: 21px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-headlines:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box .SK-headlines.all {
    width: 1200px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons .SK-store-index-plate-box+.SK-store-index-plate-box {
    margin-left: 20px;
}

.SK-store-index-container .SK-store-index-content .SK-store-index-coupons:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .SK-store-index-content .activity-block {
    display: inline-block;
    width: 386px;
    height: 200px;
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
}

.SK-store-index-container .SK-store-index-content .activity-block .activity-name {
    text-align: center;
    position: absolute;
    background: rgba(51, 57, 77, 0.9);
    font-size: 14px;
    color: #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    font-weight: bold;
}

.SK-store-index-container .SK-store-index-content .activity-block .activity-name p {
    overflow: hidden;
    text-overflow: ellipsis;
}

.SK-store-index-container .SK-store-index-content .activity-block+.activity-block {
    margin-left: 20px;
}

.SK-store-index-container .SK-store-index-content .recommend-block {
    position: relative;
    display: inline-block;
    width: 386px;
    height: 310px;
    overflow: hidden;
    background: #282931;
    border-radius: 5px 5px 5px 5px;
}

.SK-store-index-container .SK-store-index-content .recommend-block .recommend-info {
    height: 310px;
    width: 386px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://static.sonkwo.com/frontend/assets/3bac81eeb920d769dfbec8573093dad0.png);
    box-sizing: border-box;
    padding: 10px;
}

.SK-store-index-container .SK-store-index-content .recommend-block .recommend-info .user {
    padding: 30px 0 20px;
    text-align: center;
}

.SK-store-index-container .SK-store-index-content .recommend-block .recommend-info .user .avatar-wrapper {
    display: inline-block;
    height: 80px;
    width: 80px;
    border-radius: 40px 40px 40px 40px;
    overflow: hidden;
}

.SK-store-index-container .SK-store-index-content .recommend-block .recommend-info .user .avatar-wrapper img {
    width: 100%;
    height: 100%;
}

.SK-store-index-container .SK-store-index-content .recommend-block .recommend-info .user .nickname {
    margin-top: 10px;
}

.SK-store-index-container .SK-store-index-content .recommend-block .recommend-info .user .nickname a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.SK-store-index-container .SK-store-index-content .recommend-block .recommend-info .article-title {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: block;
}

.SK-store-index-container .SK-store-index-content .recommend-block .recommend-info .summary {
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.7);
}

.SK-store-index-container .SK-store-index-content .recommend-block .score {
    background: rgba(255, 105, 0, 0.6);
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 20px;
    line-height: 20px;
    width: 65px;
    text-align: center;
}

.SK-store-index-container .SK-store-index-content .recommend-block .score .tri {
    position: absolute;
    height: 0;
    width: 0;
    right: 65px;
    border-width: 5px;
    border-style: solid;
}

.SK-store-index-container .SK-store-index-content .recommend-block .score .tri1 {
    top: 0;
    border-color: rgba(255, 105, 0, 0.6) rgba(255, 105, 0, 0.6) transparent transparent;
}

.SK-store-index-container .SK-store-index-content .recommend-block .score .tri2 {
    bottom: 0;
    border-color: transparent rgba(255, 105, 0, 0.6) rgba(255, 105, 0, 0.6) transparent;
}

.SK-store-index-container .SK-store-index-content .recommend-block+.recommend-block {
    margin-left: 21px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs {
    margin-top: 22px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-empty-block {
    background: #282931;
    height: 840px;
    overflow: hidden;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-empty-block .empty-wrapper {
    margin: 200px auto 0;
    height: 150px;
    width: 160px;
    background-image: url(https://static.sonkwo.com/frontend/assets/789b506f2e8d9d751f06e3300b0b35e3.gif);
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-empty-block .empty-remind {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-tabs-buttons {
    background: none;
    height: 80px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-tabs-buttons .type-button {
    border: none;
    outline: none;
    background: none;
    color: rgba(255, 255, 255, 0.7);
    padding: 0;
    font-size: 18px;
    padding-bottom: 10px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-tabs-buttons .tabs-button {
    position: relative;
    padding: 0;
    border: none;
    height: 80px;
    line-height: 80px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-tabs-buttons .tabs-button button {
    cursor: pointer;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-tabs-buttons .tabs-button+.tabs-button {
    padding-left: 35px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-tabs-buttons .tabs-button.active {
    background: none;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-tabs-buttons .tabs-button.active .type-button {
    color: #fff;
    border-bottom: 2px solid #ff6900;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-tabs-content {
    margin-top: 0;
    background: none;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists {
    margin-left: 813px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists {
    float: left;
    width: 800px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li {
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    height: 100px;
    background: #282931;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-img {
    float: left;
    height: 100px;
    width: 168px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-img img {
    width: 100%;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-price {
    float: right;
    margin-top: 40px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-price span {
    display: inline-block;
    margin-right: 15px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-price .game-discount {
    color: #ffffff;
    background: #ff6900;
    padding: 2px 4px;
    border-radius: 2px 2px 2px 2px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-price .game-origin-price {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: line-through;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-price .game-sale-price {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: bold;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content {
    margin: 0 150px 0 190px;
    padding: 15px 0;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .title {
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .title span {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    padding: 0 4px;
    font-weight: normal;
    line-height: 18px;
    border-radius: 2px 2px 2px 2px;
    margin-left: 6px;
    vertical-align: text-bottom;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .title .presale {
    background: #8ac349;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .title .promotion {
    background: #fd115b;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .title .international {
    background: #ce11fd;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .title .abroad {
    background: #3178f5;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .title .china {
    background: #ff8400;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .date {
    color: rgba(255, 255, 255, 0.5);
    margin-top: 8px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .tags {
    margin-top: 8px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .tags .tag {
    display: inline-block;
    color: rgba(255, 255, 255, 0.5);
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .tags .tag:after {
    content: "/";
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-type-game-lists li .listed-game-content .tags .tag:last-child:after {
    content: "";
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-empty-block {
    background: #282931;
    text-align: center;
    height: 900px;
    overflow: hidden;
    border-radius: 5px 5px 5px 5px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-empty-block .empty-block {
    width: 130px;
    height: 100px;
    background: url(https://static.sonkwo.com/frontend/assets/fa131725758383025f4211742b0555cb.gif);
    margin: 290px auto 20px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-empty-block p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block {
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    height: 80px;
    background: #282931;
    margin-bottom: 10px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block .listed-game-img {
    float: left;
    height: 80px;
    width: 135px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block .listed-game-img img {
    width: 100%;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block .number {
    /*float: right;*/
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
    /*color: $hovered-color-dark;*/
    font-size: 14px;
    /*background: $secondary-text_new;*/
    margin: 5px;
    color: white;
    background-color: #bfbfbf;
    position: absolute;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block .listed-game-content {
    margin-left: 150px;
    padding-top: 15px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block .listed-game-content .title {
    font-size: 16px;
    color: #fff;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block .listed-game-content .date {
    color: rgba(255, 255, 255, 0.5);
    margin-top: 12px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block:nth-child(1) .number {
    color: white;
    background: #ff3355;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block:nth-child(2) .number {
    color: white;
    background: #ff6900;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .SK-rank-game-lists .rank-block:nth-child(3) .number {
    color: white;
    background: #5282fe;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .view-more {
    text-align: center;
    font-size: 14px;
    background: #282931;
    margin-top: 20px;
    line-height: 40px;
    border-radius: 5px 5px 5px 5px;
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs .view-more a {
    color: rgba(255, 255, 255, 0.5);
}

.SK-store-index-container .SK-store-index-content .SK-game-tabs:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .SK-store-index-content .publisher-block {
    margin: 0 18px 20px 0;
}

.SK-store-index-container .SK-store-index-content .publisher-block:nth-child(6n) {
    margin-right: 0;
}

.SK-store-index-container .SK-store-index-content .group-block {
    float: left;
    width: 285px;
    height: 180px;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    position: relative;
}

.SK-store-index-container .SK-store-index-content .group-block img {
    width: 285px;
    height: 180px;
}

.SK-store-index-container .SK-store-index-content .group-block .group-layer {
    height: 180px;
    width: 285px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(40, 41, 49, 0) 0%, #282931 100%);
}

.SK-store-index-container .SK-store-index-content .group-block .group-layer .group-block-name {
    padding: 30px 0 20px;
    text-align: center;
}

.SK-store-index-container .SK-store-index-content .group-block .group-layer .group-block-name a {
    display: block;
    max-width: 285px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    white-space: nowrap;
}

.SK-store-index-container .SK-store-index-content .group-block .group-layer .group-leader {
    height: 63px;
    text-align: center;
}

.SK-store-index-container .SK-store-index-content .group-block .group-layer .group-leader .avatar {
    overflow: hidden;
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 15px 15px 15px 15px;
}

.SK-store-index-container .SK-store-index-content .group-block .group-layer .group-leader p {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.7);
}

.SK-store-index-container .SK-store-index-content .group-block .group-layer .group-detail .group-info-item {
    text-align: center;
    display: inline-block;
    width: 50%;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
}

.SK-store-index-container .SK-store-index-content .group-block+.group-block {
    margin-left: 20px;
}

.SK-store-index-container .SK-store-index-content .SK-product-block {
    float: left;
    background: #282931;
    border-radius: 5px 5px 5px 5px;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    height: 236px;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .corner {
    position: absolute;
    width: 70px;
    height: 26px;
    top: 5px;
    left: -2px;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .presale {
    background: url(https://static.sonkwo.com/frontend/assets/d4431749d668659c7b2a7ab94f71ed8e.png) 0 0;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .promotion {
    background: url(https://static.sonkwo.com/frontend/assets/5ef15bcb3fc1930ee92fbaa424a77bd6.png);
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-align: center;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .cover-wrapper {
    width: 224px;
    height: 132px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info {
    position: relative;
    box-sizing: border-box;
    padding: 10px;
    height: 104px;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .name {
    max-width: 204px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.7);
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .name span {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    padding: 0 4px;
    font-weight: normal;
    line-height: 18px;
    border-radius: 2px 2px 2px 2px;
    margin-right: 7px;
    vertical-align: text-bottom;
    position: relative;
    top: 1px;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .name .abroad {
    background: #3178f5;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .name .china {
    background: #ff8400;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .price {
    position: absolute;
    text-align: center;
    right: 10px;
    bottom: 18px;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .price .discount {
    display: inline-block;
    background: #ff6900;
    color: #ffffff;
    padding: 4px;
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    margin-right: 2px;
    position: relative;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .price .list-wrap {
    display: inline-block;
    position: relative;
    top: 8px;
    text-align: left;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .price .list-wrap span {
    display: block;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .price .list-wrap .sale-price {
    color: #b9c0ef;
    font-size: 14px;
    font-weight: bold;
}

.SK-store-index-container .SK-store-index-content .SK-product-block .info .price .list-wrap .list-price {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: line-through;
}

.SK-store-index-container .SK-store-index-content .SK-flash-3-block {
    width: 386px;
    height: 329px;
    margin-bottom: 20px;
}

.SK-store-index-container .SK-store-index-content .SK-flash-3-block .cover-wrapper {
    width: 386px;
    height: 228px;
}

.SK-store-index-container .SK-store-index-content .SK-flash-3-block .cover-wrapper img {
    width: 100%;
    height: 100%;
}

.SK-store-index-container .SK-store-index-content .SK-flash-3-block:nth-child(3n+0) {
    margin-right: 0;
}

.SK-store-index-container .SK-store-index-content .SK-flash-4-block {
    width: 285px;
    height: 269px;
    margin-bottom: 20px;
}

.SK-store-index-container .SK-store-index-content .SK-flash-4-block .cover-wrapper {
    width: 285px;
    height: 168px;
}

.SK-store-index-container .SK-store-index-content .SK-flash-4-block .cover-wrapper img {
    width: 100%;
    height: 100%;
}

.SK-store-index-container .SK-store-index-content .SK-flash-4-block:nth-child(4n+0) {
    margin-right: 0;
}

.SK-store-index-container .SK-store-index-content .SK-physical-block {
    height: 250px;
}

.SK-store-index-container .SK-store-index-content .SK-physical-block .cover-wrapper {
    height: 146px;
    background: #40475f;
}

.SK-store-index-container .SK-store-index-content .SK-physical-block .cover-wrapper img {
    display: block;
    margin: 0 auto;
}

.SK-store-index-container .SK-store-index-content .SK-physical-block .info {
    height: 104px;
}

.SK-store-index-container .SK-store-index-content .SK-headline-block {
    float: left;
    background: #282931;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    width: 386px;
    height: 179px;
    box-sizing: border-box;
    overflow: hidden;
    margin-left: 21px;
}

.SK-store-index-container .SK-store-index-content .SK-headline-block:nth-child(3n+1) {
    margin-left: 0;
}

.SK-store-index-container .SK-store-index-content .SK-headline-block .bg {
    width: 386px;
    height: 179px;
}

.SK-store-index-container .SK-store-index-content .SK-headline-block .layer {
    width: 386px;
    height: 179px;
    position: absolute;
    top: 0;
    left: 0;
    color: #b9c0ef;
    font-size: 14px;
    box-sizing: border-box;
    padding: 95px 15px 0 10px;
    background: linear-gradient( 180deg, rgba(40, 41, 49, 0) 0%, rgba(40, 41, 49, 0.9) 100%);
}

.SK-store-index-container .SK-store-index-content .SK-headline-block .layer .info {
    margin-bottom: 5px;
}

.SK-store-index-container .SK-store-index-content .SK-headline-block .layer .info .avatar {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    border-radius: 50% 50% 50% 50%;
}

.SK-store-index-container .SK-store-index-content .SK-headline-block .layer .info span {
    float: left;
    font-size: 10px;
    color: #fff;
    margin-top: 7px;
}

.SK-store-index-container .SK-store-index-content .SK-headline-block .layer .info:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .product-slider-content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-container {
    margin-top: 20px;
}

.SK-store-index-container .sort-container .game-container img {
    border-radius: 3px;
}

.SK-store-index-container .sort-container .game-container .header {
    margin-bottom: 20px;
    position: relative;
}

.SK-store-index-container .sort-container .game-container .header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-container .header .title {
    float: left;
    font-size: 18px;
    color: #fff;
}

.SK-store-index-container .sort-container .game-container .header .more {
    float: right;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.SK-store-index-container .sort-container .margin-88 {
    margin-top: 40px;
}

.SK-store-index-container .sort-container .margin-88px {
    margin-top: 88px;
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container {
    width: 285px;
    height: 300px;
    margin-right: 20px;
    float: left;
    position: relative;
    cursor: pointer;
    background: #282931;
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .peri-cover {
    width: 245px;
    height: 206px;
    background: none;
    margin: 7px 20px;
    overflow: hidden;
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .peri-cover img {
    width: 245px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .discount {
    position: absolute;
    top: 0;
    left: 118px;
    display: inline-block;
    background: rgba(255, 105, 0, 0.8);
    color: #ffffff;
    padding: 4px 6px;
    border-radius: 0 0 2px 2px;
    font-size: 14px;
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .price-block {
    height: 80px;
    text-align: right;
    padding: 10px 20px;
    box-sizing: border-box;
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .price-block .pending-sale-box {
    color: rgba(255, 255, 255, 0.7);
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .price-block .normal-sale-box {
    color: rgba(255, 255, 255, 0.3);
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .price-block .peri-name {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .price-block .list-wrap span {
    display: inline-block;
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .price-block .list-wrap .list-price {
    font-size: 12px;
    color: #909090;
    text-decoration: line-through;
    margin-right: 5px;
}

.SK-store-index-container .sort-container .game-normal-container .peri-block-container .price-block .list-wrap .price {
    color: rgba(255, 105, 0, 0.9);
    font-size: 16px;
    font-weight: bold;
}

.SK-store-index-container .sort-container .game-theme-container .wrap:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left {
    width: 590px;
    height: 456px;
    float: left;
    position: relative;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left img {
    border-radius: 3px;
    width: 590px;
    height: 456px;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left .theme-shadow {
    width: 590px;
    height: 456px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left .theme-txt {
    position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left .theme-txt h1 {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 70px;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left .theme-txt h2 {
    font-size: 60px;
    color: #ff6900;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 52px;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left .theme-txt .time {
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 29px;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left .theme-txt .time .time-diff-simple-panel {
    padding: 0;
    line-height: 26px;
    background: none;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left .theme-txt .btn {
    text-align: center;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .left .theme-txt .btn span {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.2);
    padding: 9px 22px;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .right {
    width: 590px;
    height: 456px;
    float: right;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .right:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .right .game-block-container {
    margin-bottom: 20px;
}

.SK-store-index-container .sort-container .game-theme-container .wrap .right .game-block-container:nth-child(2n) {
    margin-right: 0;
}

.SK-store-index-container .sort-container .game-theme {
    display: inline-block;
    margin: 40px 20px 40px 0;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-theme:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-theme:nth-child(2) {
    margin-right: 0;
}

.SK-store-index-container .sort-container .game-theme .left {
    width: 590px;
    height: 220px;
    float: left;
    position: relative;
}

.SK-store-index-container .sort-container .game-theme .left img {
    border-radius: 3px;
}

.SK-store-index-container .sort-container .game-theme .left .theme-txt {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    left: -232px;
    top: 120px;
    width: 100%;
}

.SK-store-index-container .sort-container .game-theme .left .theme-txt .time {
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 29px;
}

.SK-store-index-container .sort-container .game-theme .left .theme-txt .time .time-diff-simple-panel {
    padding: 0;
    line-height: 26px;
    color: #241100;
    background: none;
}

.SK-store-index-container .sort-container .game-mix-container .wrap:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .left {
    width: 590px;
    height: 456px;
    float: left;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .left .game-block-container {
    margin-bottom: 20px;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .left .game-block-container:nth-child(2n) {
    margin-right: 0;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right {
    width: 590px;
    float: right;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container {
    height: 456px;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-slider-block {
    height: 456px;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-slider-block .SK-image-list .SK-slider-item {
    height: 456px;
    border-radius: 3px;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-slider-block .game-block-container {
    display: block;
    width: 590px;
    height: 456px;
    background-repeat: no-repeat;
    background-position: center;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-slider-block .game-block-container img {
    width: 590px;
    height: 406px;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-slider-block .game-block-container .game-name {
    top: 374px;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-slider-block .game-block-container .recommend-text {
    height: 406px;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-slider-block .game-block-container .recommend-text .text {
    white-space: normal;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-page {
    left: 50%;
    bottom: 10px;
    width: auto;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-page i {
    display: inline-block;
    cursor: pointer;
    width: 10px;
    height: 8px;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-page i:before {
    content: "";
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .SK-page .active {
    width: 14px;
    background: #fff;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .button {
    width: 40px;
    height: 62px;
    transform: translate(0, -65%);
    background: rgba(32, 37, 57, 0.6);
    border-radius: 4px 4px 4px 4px;
    box-sizing: border-box;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .button i {
    padding: 0;
    font-size: 60px;
    color: rgba(255, 255, 255, 0.7);
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .button i:hover {
    color: #fff;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .prev-button {
    left: 10px;
    padding-left: 8px;
}

.SK-store-index-container .sort-container .game-mix-container .wrap .right .SK-slider-container .next-button {
    right: 10px;
    padding-left: 12px;
}

.SK-store-index-container .sort-container .game-ad-container .storead-banner {
    display: block;
    width: 1200px;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-ad-container .storead-banner img {
    width: 100%;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-group-container .wrap:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-group-container .wrap .left {
    width: 590px;
    height: 356px;
    float: left;
}

.SK-store-index-container .sort-container .game-group-container .wrap .left .game-group-block {
    position: relative;
    float: left;
    width: 285px;
    height: 168px;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-group-container .wrap .left .game-group-block:nth-child(2n) {
    margin-right: 0;
}

.SK-store-index-container .sort-container .game-group-container .wrap .left .game-group-block img {
    display: block;
    width: 285px;
    height: 168px;
}

.SK-store-index-container .sort-container .game-group-container .wrap .left .game-group-block .group-detail {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 285px;
    height: 30px;
    box-sizing: border-box;
    padding-left: 20px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.5);
    background: rgba(0, 0, 0, 0.75);
}

.SK-store-index-container .sort-container .game-group-container .wrap .left .game-group-block .group-detail .group-info-item {
    margin-right: 10px;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right {
    width: 590px;
    float: right;
    height: 356px;
    background: #282931;
    box-sizing: border-box;
    padding: 10px 20px;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .current-group {
    margin-bottom: 10px;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .current-group:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .current-group img {
    width: 68px;
    height: 40px;
    float: left;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .current-group .group-content {
    float: left;
    margin-left: 15px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5);
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .current-group .group-content h1 {
    font-size: 18px;
    color: #fff;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .current-group .group-content .group-info-item {
    margin-right: 10px;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .current-group .btn {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    float: right;
    margin-top: 10px;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .current-group .joined {
    background-color: rgba(255, 255, 255, 0.2);
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .post-block {
    height: 86px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    font-size: 14px;
    padding: 5px 10px;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .post-block .title {
    height: 42px;
    overflow: hidden;
    margin-bottom: 5px;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .post-block .detail {
    position: absolute;
    top: 32px;
    right: 15px;
    font-size: 12px;
    color: #ff6900;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .post-block .author:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .post-block .author img {
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 50%;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .post-block .author .nickname {
    float: left;
    margin-left: 5px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-group-container .wrap .right .post-block .author .date {
    float: right;
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
}

.SK-store-index-container .sort-container .game-picture-container .n3d-swiper-block {
    width: 100%;
    height: 260px;
    overflow: hidden;
    position: relative;
}

.SK-store-index-container .sort-container .game-picture-container .n3d-swiper-block .wrap {
    position: absolute;
    width: 1000px;
    height: 232px;
    left: 100px;
    top: 0;
    border-radius: 3px;
    background: #282931;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 1;
    transform-style: preserve-3d;
    transition: transform 0.3s;
}

.SK-store-index-container .sort-container .game-picture-container .n3d-swiper-block .wrap .left {
    float: left;
    width: 440px;
    padding: 30px;
}

.SK-store-index-container .sort-container .game-picture-container .n3d-swiper-block .wrap .left h1 {
    font-size: 20px;
    color: white;
    line-height: 25px;
    height: 50px;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-picture-container .n3d-swiper-block .wrap .left .content {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-picture-container .n3d-swiper-block .wrap .right {
    float: left;
    width: 500px;
    height: 232px;
    border-radius: 3px;
}

.SK-store-index-container .sort-container .game-picture-container .n3d-swiper-block .wrap .right img {
    width: 500px;
    height: 232px;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-picture-container .swiper-dots {
    display: flex;
    justify-content: center;
}

.SK-store-index-container .sort-container .game-picture-container .swiper-dots .dot-child {
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: #ffffff;
    opacity: 0.1;
    margin-right: 20px;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-picture-container .swiper-dots .active-child {
    opacity: 1;
}

.SK-store-index-container .sort-container .game-review-container .review-block {
    width: 285px;
    height: 218px;
    margin-right: 20px;
    float: left;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    overflow: hidden;
}

.SK-store-index-container .sort-container .game-review-container .review-block img {
    width: 285px;
    height: 218px;
    display: block;
}

.SK-store-index-container .sort-container .game-review-container .review-block .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 130px;
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}

.SK-store-index-container .sort-container .game-review-container .review-block .bottom .star {
    margin: 5px 10px;
}

.SK-store-index-container .sort-container .game-review-container .review-block .bottom .star .full {
    color: #ff6900;
}

.SK-store-index-container .sort-container .game-review-container .review-block .bottom .title {
    height: 46px;
    oveflow: hidden;
    text-overflow: ellipsis;
}

.SK-store-index-container .sort-container .game-review-container .review-block .bottom .hover-title,
.SK-store-index-container .sort-container .game-review-container .review-block .bottom .author {
    display: none;
}

.SK-store-index-container .sort-container .game-review-container .review-block:hover .bottom {
    height: 100%;
    padding-top: 20px;
}

.SK-store-index-container .sort-container .game-review-container .review-block:hover .bottom .hover-title,
.SK-store-index-container .sort-container .game-review-container .review-block:hover .bottom .author {
    display: block;
}

.SK-store-index-container .sort-container .game-review-container .review-block:hover .bottom .title {
    display: none;
}

.SK-store-index-container .sort-container .game-review-container .review-block:hover .bottom .hover-title {
    height: 100px;
}

.SK-store-index-container .sort-container .game-review-container .review-block:hover .bottom .author:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-store-index-container .sort-container .game-review-container .review-block:hover .bottom .author img {
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 50%;
}

.SK-store-index-container .sort-container .game-review-container .review-block:hover .bottom .author .nickname {
    float: left;
    margin-left: 5px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    cursor: pointer;
}

.SK-store-index-container .sort-container .game-review-container .review-block:hover .bottom .author .date {
    float: right;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
}

.SK-store-index-container .sort-container .home-queue-container .loading-wrap {
    width: 200px;
    height: 200px;
    background: rgba(0, 0, 0, 0.8);
    box-sizing: border-box;
    padding-top: 50px;
}

.SK-store-index-container .sort-container .home-queue-container .loading {
    height: 100px;
    width: 100px;
    background: url(https://static.sonkwo.com/frontend/assets/2885a100ba621eaac6bf22422e3adf7a.png) no-repeat center;
    margin: 0 auto;
}

.SK-store-index-container .sort-container .home-queue-container .queue-block {
    float: left;
    position: relative;
    width: 590px;
    height: 220px;
    margin-right: 20px;
}

.SK-store-index-container .sort-container .home-queue-container .queue-block img {
    width: 590px;
    height: 200px;
}

.SK-store-index-container .sort-container .home-queue-container .queue-block .queue-txt {
    position: absolute;
    right: 50px;
    top: 170px;
    background: url(https://static.sonkwo.com/frontend/assets/3199117cd93ad2b5e6a119bd539cb945.png) no-repeat;
    width: 170px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.SK-store-index-container .platform_icon {
    font-size: 12px;
    color: white;
    margin-right: 8px;
}

.SK-store-index-container .icon-gog_key {
    background-image: url(https://static.sonkwo.com/frontend/assets/d45b125adb5ce5ace36e3499815b6913.svg);
    background-size: 100%;
}

.SK-store-index-container .icon-wangyuan_key {
    background-image: url(https://static.sonkwo.com/frontend/assets/590c5cc3ec8ea27e04cfe178c9209603.svg);
    background-size: 100%;
}

.SK_store_home_container .header_container {
    height: 0;
}

.SK_store_home_container .store_header_top {
    min-height: 60px;
    display: flex;
    justify-content: center;
}

.SK_store_home_container .store_header_top img {
    display: block;
    width: 100%;
}

.SK-store-container .store-ad-waist {
    width: 100%;
    height: 160px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.SK-store-container .store-ad-waist div {
    display: block;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
}

.SK-store-container .store-ad-waist div img {
    display: block;
    width: 1200px;
    height: 160px;
    border-radius: 3px;
}

.SK-store-container .store-ad-waist div .close-times {
    width: 44px;
    height: 44px;
    background: url(https://static.sonkwo.com/frontend/assets/082833c81e56d31a15580bd5a66524c5.png) center center no-repeat;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 6px;
}

.SK-store-container .springboard-container {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1001;
}

.SK-store-container .springboard-container .main-content {
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.SK-store-container .springboard-container .main-content img {
    width: auto;
    max-width: 1200px;
    max-height: 800px;
    border-radius: 8px;
    cursor: pointer;
}

.SK-store-container .springboard-container .main-content .close {
    width: 48px;
    height: 48px;
    background: url(https://static.sonkwo.com/frontend/assets/082833c81e56d31a15580bd5a66524c5.png) no-repeat;
    background-size: 100%;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
}

.SK-store-container .SK-friend-links-container {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    background: #15161c;
}

.SK-store-container .SK-friend-links-container .SK-friend-links-content {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    word-break: break-all;
    color: rgba(255, 255, 255, 0.5);
    line-height: 24px;
}

.SK-store-container .SK-friend-links-container .SK-friend-links-content a {
    color: rgba(255, 255, 255, 0.5);
    margin-right: 20px;
}

.SK-store-container .SK-friend-links-container .SK-friend-links-content a:hover {
    text-decoration: underline;
    color: #fff;
}

.SK-store-container .lottory-tips {
    width: 500px;
    background: #282931;
    color: rgba(255, 255, 255, 0.9);
    padding: 20px;
}

.SK-store-container .lottory-tips .repeat_tips,
.SK-store-container .lottory-tips .norepeat_tips {
    font-size: 20px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 30px;
}

.SK-store-container .lottory-tips .repeat_tips p,
.SK-store-container .lottory-tips .norepeat_tips p {
    margin: 30px 0;
}

.SK-store-container .lottory-tips .repeat_tips .tips,
.SK-store-container .lottory-tips .norepeat_tips .tips {
    font-size: 14px;
}

.SK-store-container .lottory-tips .repeat_tips span {
    color: #ff6900;
}

.SK-store-container .lottory-tips .lottery_btn {
    display: flex;
    justify-content: center;
}

.SK-store-container .lottory-tips .lottery_btn .sure {
    text-align: center;
    line-height: 35px;
    height: 35px;
    background: linear-gradient(180deg, #ff6900 0%, #ff8800 100%);
    opacity: 1;
    font-size: 14px;
    padding: 0 36px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 30px;
}

.SK-store-container .give-away-tips {
    width: 500px;
    background: #282931;
    color: rgba(255, 255, 255, 0.9);
    padding: 20px;
}

.SK-store-container .give-away-tips .tips {
    font-size: 20px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 30px;
}

.SK-store-container .give-away-tips .tips p {
    margin: 30px 0;
}

.SK-store-container .give-away-tips .app_download {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.SK-store-container .give-away-tips .app_download .code {
    width: 200px;
    height: 200px;
    background-color: #3178f5;
    background-image: url(https://static.sonkwo.com/frontend/assets/f7afadd78b9dc5feb2a5eeec116d3a76.png);
    background-size: 100%;
}

.SK-store-container .give-away-tips .i_see {
    display: flex;
    justify-content: center;
}

.SK-store-container .give-away-tips .i_see .sure {
    text-align: center;
    line-height: 35px;
    height: 35px;
    background: linear-gradient(180deg, #ff6900 0%, #ff8800 100%);
    opacity: 1;
    font-size: 14px;
    padding: 0 36px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 30px;
}